---
title: Examples
---

import Seo from '../../../components/Seo.astro'


<Seo
    seo={{
        title: 'Examples',
        description: 'Browse examples using react-native-unistyles'
    }}
>

### Explore Examples with Unistyles 2.0

:::tip
Delve into a variety of examples that demonstrate the practical applications and capabilities of Unistyles 2.0.
Collection of examples is hosted on GitHub, making it easy for you to browse, learn, and get inspired.
:::

### Platforms

- macOS [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/macos)
- Windows [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/win)
- Expo Router [link](https://github.com/jpudysz/react-native-unistyles-expo-router)
- SSR + NextJS [link](https://github.com/jpudysz/react-native-unistyles-ssr-exmaple)
- Bare React Native + Bridgeless [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/bare)
- tvOS [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/tv)
- visionOS [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/vision)

#### Theming

- No registered themes [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/NoThemesScreen.tsx)
- Single theme [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/SingleThemeScreen.tsx)
- Two themes [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/TwoThemesScreen.tsx)
- Multiple themes [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/MultipleThemesScreen.tsx)
- Adaptive mode [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/LightDarkThemesScreen.tsx)
- Adaptive mode with multiple themes [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/MultipleThemesAdaptiveScreen.tsx)

#### Breakpoints

- No registered breakpoints [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/NoBreakpointsScreen.tsx)
- With breakpoints [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/WithBreakpointsScreen.tsx)
- With orientation breakpoints [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/OrientationBreakpoints.tsx)

#### Media queries

- mq util [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/MediaQueriesWidthHeight.tsx)
- mixed with breakpoints [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examplesMixedMediaQueries.tsx)

#### Variants

- Selected variant [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/VariantsScreen.tsx)
- Default variant [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/DefaultVariantScreen.tsx)
- Boolean variants [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/BooleanVariantsScreen.tsx)

#### Plugins
- Auto guideline plugin [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/AutoGuidelinePluginScreen.tsx)
- High contrast plugin [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/HighContrastPluginScreen.tsx)

#### UnistylesRuntime

- All runtime values [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/RuntimeScreen.tsx)
- Runtime in stylesheet [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/RuntimeWithStyleSheetScreen.tsx)

#### Other
- Memoization [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/MemoizationScreen.tsx)
- PlatformColor [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/PlatformColorsScreen.tsx)
- Compatibility with StyleSheet [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/StyleSheetScreen.tsx)
- useStyles with no arguments [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/NoStyleSheetScreen.tsx)
- Advanced nested stylesheeets with perfect TypeScript support [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/TypeScriptValidatorTest.tsx)
- Content size category [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/ContentSizeCategoryScreen.tsx)
- Change status/navigation bar color [link](https://github.com/jpudysz/react-native-unistyles/tree/main/examples/expo/src/examples/AndroidStatusBarNavigationBarScreen.tsx)

</Seo>
